<template>
    <el-row class="aside">
        <el-col :span="24">
            <el-menu :default-active="this.$route.path" background-color="#6A5ACD" text-color="#ffffff" :router="true"
                active-text-color="white">
                <el-menu-item index="/teacherHome">
                    <i class="iconfont icon-r-home" style="font-size: 26px;color: white;"></i>
                    <span slot="title" style="font-size: 20px;"> 首页</span>
                </el-menu-item>
                <el-menu-item index="/studentinfo">
                    <i class="iconfont icon-r-building" style="font-size: 26px;color: white;"></i>
                    <span slot="title" style="font-size: 20px;"> 班级信息管理</span>
                </el-menu-item>
                <el-menu-item index="/teacherapplicant">
                    <i class="iconfont icon-r-refresh" style="font-size: 26px;color: white;"></i>
                    <span slot="title" style="font-size: 20px;"> 加入班级审核</span>
                </el-menu-item>
                <el-menu-item index="/scoremanagment">
                    <i class="iconfont icon-r-paper" style="font-size: 26px;color: white;"></i>
                    <span slot="title" style="font-size: 20px;"> 试题管理</span>
                </el-menu-item>
                <el-menu-item index="/classmanagement">
                    <i class="iconfont icon-r-edit" style="font-size: 26px;color: white;"></i>
                    <span slot="title" style="font-size: 20px;"> 作业管理</span>
                </el-menu-item>
                <el-menu-item index="/coursemanagement">
                    <i class="iconfont icon-r-team" style="font-size: 28px;color: white;"></i>
                    <span slot="title" style="font-size: 20px;"> 在线答疑</span>
                </el-menu-item>
                <el-menu-item index="/personalinfo">
                    <i class="iconfont icon-r-yes" style="font-size: 26px;color: white;"></i>
                    <span slot="title" style="font-size: 20px;"> 知识点补充</span>
                </el-menu-item>
                <el-menu-item index="/video">
                    <i class="iconfont icon-r-paper" style="font-size: 26px;color: white;"></i>
                    <span slot="title" style="font-size: 20px;"> 视频管理</span>
                </el-menu-item>
                <el-menu-item index="/videowatchhistory">
                    <i class="iconfont icon-r-paper" style="font-size: 26px;color: white;"></i>
                    <span slot="title" style="font-size: 20px;"> 视频观看记录</span>
                </el-menu-item>
                <el-menu-item index="/teacherpersonalinfo">
                    <i class="iconfont icon-r-user2" style="font-size: 26px;color: white;"></i>
                    <span slot="title" style="font-size: 20px;"> 个人信息</span>
                </el-menu-item>

            </el-menu>


        </el-col>
    </el-row>
</template>

<script>
export default {
    name: "Aside"
}
</script>

<style scoped>
.el-aside {
    /*background-color: #;*/
    text-align: left;
    background-color: #6A5ACD;

}

.aside {
    margin-top: 0;
    background-color: #6A5ACD;
    text-align: left;
}

.el-menu-item {
    font-size: 14px;
    /* padding: 0 20px; */
    cursor: pointer;
    /* transition: border-color .3s,background-color .3s,color .3s; */
    box-sizing: border-box;
}

.el-menu-item,
.el-submenu__title {
    /* height: 90px; */
    /* line-height:90px; */
    position: relative;
    -webkit-box-sizing: border-box;
    white-space: nowrap;
    list-style: none;
}
</style>
